<style lang="scss">
.inf-row {
  gap: 10px;
  padding-top: 10px;
  box-sizing: border-box;
  &-0 {
    padding-top: 0;
  }
}

.inf-item {
  padding: 10px;
  border: 1px solid #eeeeee;
}

</style>
<template>
  <zw-row class="inf-row" :class="['inf-row-' + index]">
    <zw-col class="inf-item" span="6" v-for="(col, colIndex) in source.row">
      <div>{{index * source.column + colIndex + 1}}</div>
      <div>{{col.name}}</div>
    </zw-col>
  </zw-row>
</template>

<script>
export default {
  name: 'ItemCom',
  props: {
    index: { // index of current item
      type: Number
    },
    source: { // here is: {uid: 'unique_1', text: 'abc'}
      type: Object,
      default () {
        return {}
      }
    }
  },
  created() {
    // console.log(this.source)
  }
}
</script>
